import React from 'react';
import { Form, Input, Button, Select, Upload } from 'antd';

function camera() {
  const onFinish = (values: any) => {
    console.log('Success:', values);
  };
  const { Option } = Select;
  return (
    <div>
      <Form
        labelCol={{ span: 4 }}
        wrapperCol={{ span: 14 }}
        layout="horizontal"
        style={{ maxWidth: 600 }}
        onFinish={onFinish}
      >
        <Form.Item label="所属楼盘">
          <Input
            placeholder="五月花广场"
            style={{ width: '100px', border: 'none', outLine: 'none' }}
          />
        </Form.Item>
        <Form.Item
          name="classify"
          label="所属分类"
          rules={[{ required: true, message: 'Please select gender!' }]}
        >
          <Select placeholder="--请选择--r">
            <Option value="--请选择--">--请选择--</Option>
            <Option value="实景图">实景图</Option>
            <Option value="效果图">效果图</Option>
            <Option value="配套图">配套图</Option>
            <Option value="样板间">样板间</Option>
            <Option value="区位图">区位图</Option>
          </Select>
        </Form.Item>
        <Form.Item label="户型图片" valuePropName="fileList">
          <Upload action="/upload.do">
            <div>
              <Button style={{ marginTop: 8 }}>上传图片</Button>
            </div>
          </Upload>
        </Form.Item>
        <Form.Item label="" style={{ marginLeft: '100px' }}>
          <Button type="primary" htmlType="submit">
            提交
          </Button>
        </Form.Item>
      </Form>
    </div>
  );
}

export default camera;
